<template>
    <div>
        <van-nav-bar
                :fixed="fixed"
                title="我的邀请订单"
                left-text="返回"
                left-arrow
                @click-left="onClickLeft"
        />
        <div class="order-img">
            <img src="https://shop.io.mi-img.com/app/shop/img?id=shop_aae14f86b50b96ed8a8cad86e28a054b.png&w=420&h=420"/>
            <p>您还没有邀请的订单，快去邀请逛逛吧！</p>
        </div>
    </div>
</template>

<script>
    import Vue from 'vue'
    import {NavBar } from 'vant';
    Vue.use(NavBar);
    export default {
        data(){
            return{
                fixed:true
            }
        },
       methods:{
           onClickLeft() {
               this.$router.back()
           }
       }
    }
</script>

<style scoped>
    .order-img p{
        font-size: 12px;
        color: #ccc;
        text-align: center;
    }
    .order-img{
        width: 100%;
        margin-top: 96px;
       text-align: center;
    }
    .order-img img{
        width: 220px;
        heigth:220px;
    }
    .title{
        border-bottom: 1px solid #BFBFC0;
    }
</style>
